<!DOCTYPE html>
<html lang="en" ng-app="demo">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./styles/index.css">
  <title>@成员</title>
</head>

<body>
  <div ng-controller="Controller">

    <!-- 文本输入框 -->
    <div id="demoContentEditable" contenteditable="true" ng-keyup="keyup($event)"></div>
    <!-- 带有输入框的选择框 -->
    <div id="demoSelect" ng-style="SelectPos" ng-show="showSelect">
      <input type="text" id="searchPersonInput" ng-model="personSearchText" ng-blur="missFocus()">
      <ul class="person-wrap">
        <li class="demoPersonClick" ng-click="clickItemHandler({fullName:'所有人'})">
          <div>所有人</div>
        </li>
        <li class="demoPersonClick" ng-click="clickItemHandler(item)" ng-repeat="item in atList | filter :{fullName: personSearchText}">
          <div>{{item.fullName}}</div>
        </li>
      </ul>
    </div>
  </div>
  <script src="./lib/jquery.min.js"></script>
  <script src="./lib/angular.min.js"></script>
  <script src="./lib/jquery.caret.min.js"></script>
  <script src="./controller/index.js"></script>
</body>

</html>
